<template>
  <div>
    <!-- 弹框 --> 
    <el-dialog :title="title" :visible.sync="dialogVisible" width="30%"
       :before-close="handleClose">
    <strong>请输入类目名称:</strong>
    <el-input v-model="input" placeholder="请输入内容"></el-input>
    <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitHandler">确 定</el-button>
    </span>
    </el-dialog>
  </div>
</template>
<script>
export default {
  name: "Dialog",
  props:{
    // dialogVisible:{
    //     type:Boolean,
    //     default:false,
    // },
    title:{
       type:String,
       default:''
    },
    type:{
      type:Number,
      default:0
    },
    cid:{
      type:Number,
      default:0
    },
    id:{
      type:Number,
      default:0
    }
  },
  data(){
      return{
        dialogVisible:false,
        input:''
      }
  },
  methods:{
    handleClose(done){
      done();
    },
    submitHandler(){
        // 新增 二级 
        if(this.type ==1){
             this.insertItemCategory({cid:this.cid,name:this.input})
        // 修改 一级 二级分类
        }else if(this.type==2){ 
             this.updateCategory({id:this.id,name:this.input})
        // 新增一级
        }else{
             this.insertCategory({name:this.input})
        }
    },
    // 一级新增
    async insertCategory(params){
       let res = await this.$api.insertCategory(params)
       if(res.data.status = 200){
           this.dialogVisible = false;
           this.$message({
               message:'恭喜您,新增一级栏目成功',
               type:'success'
           })
           // 更新 父组件视图
           this.$emit('updateViews')
           //this.$parent.getGoodsItemCategory();
       }
    },
    // 修改 一级 二级分类 类目
    async updateCategory(params){
      let res = await this.$api.updateCategory(params)
      if(res.data.status = 200){
           this.dialogVisible = false;
           this.$message({
               message:'恭喜您,修改成功',
               type:'success'
            })
           // 更新 父组件视图
           this.$emit('updateViews')
           //this.$parent.getGoodsItemCategory();
       }
    },
    // 新增二级 类目
    async insertItemCategory(params){
       let res = await this.$api.insertItemCategory(params)
       console.log('res',res);
       if(res.data.status = 200){
           this.dialogVisible = false;
           this.$message({
               message:'恭喜您,新增成功',
               type:'success'
           })
           // 更新 父组件视图
           this.$emit('updateViews')
           //this.$parent.getGoodsItemCategory();
       }
    }
  }
}
</script>